let username = document.querySelector("#username");
let password = document.querySelector("#password");
let btn = document.querySelector("form #btn");
let main = document.querySelectorAll('main div')
let form = document.querySelector("form");

let a = getCookie("login");
if(a){
    form.style.display = 'none';
    main[0].classList.remove('active');
    main[1].classList.remove('active');
}
btn.onclick = function () {
    let e = window.event;
    e.preventDefault(); 
    pAjax({
        type: 'post',
        url: '../api/login.php',
        data: {
            username: username.value,
            password: password.value
        }
    }).then(res => {
        res = JSON.parse(res);
        if(res.code){
            form.style.display = 'none';
            main[0].classList.remove('active');
            main[1].classList.remove('active');
            setCookie('login',username.value)
        }else{
            alert('请输入正确的用户名或密码');
            username.value = password.value = '';
        }
    })
}

// let box = document.querySelector(".form-horizontal p");
//         box.onmousedown = function () {
//             var e = window.event;
//             var a = e.offsetX;
//             var b = e.offsetY;
//             addEvent("box","mousemove",function(){
//                 console.log(1);
//                 var e = window.event;

//                 // var x = e.clientX - box.offsetWidth/2;
//                 // var y = e.clientY - box.offsetHeight/2;
                
//                 var x = e.clientX - a
//                 var y = e.clientY - b

//                 // box.style.left = x + "px";
//                 // box.style.top = y + "px";

//                 var w = innerWidth - box.offsetWidth;
//                 var h = innerHeight - box.offsetHeight;


//                // 判断边界值

//                 if (x > 0 && y > 0 && x < w && y < h) {
//                     box.style.left = x + "px";
//                     box.style.top = y + "px";
//                 }

//             })
//         }      
//         document.onmouseup = function () {
//             // 清空事件
//             document.onmousemove = null;
//         };